<!-- 引入公共部分 -->
{{extend './layout.html'}}

{{block 'link'}}
<!-- 添加css链接 -->
<link rel="stylesheet" href="/static/admin/css/sortMenu.css">
{{/block}}

<!-- body代码 -->
{{block 'main'}}
    <!-- 头部导航代码 -->
    {{include './header.html'}}
    <div class="banner">
        <div class="left">
            <!-- 侧边栏 -->
            {{include './aside.html'}}
        </div>
        <div class="right">
            <div class="nav">
                <i class="iconfont shouyebeifen"></i>
                <a href="/admin">首页</a>
                <i class="iconfont zuoyoujiantou"></i>
                <a href="/admin/goods/sortMenu">分类管理</a>
               
            </div>
            <div class="wrap clearfix">
                <div class="containerSort">

                    <div class="firstSortDiv">
                        <b>一级分类</b>
                        <ul class="sortUlOne">
                            <li>填充测试</li>
                        </ul>
                    </div>
                    <div class="secondSortDiv">
                        <b>二级分类</b>
                        <ul class="sortUlTwo">
                            <span>(请选择上一级类别)</span>
                        </ul>
                    </div>
                    <div class="thirdSortDiv">
                        <b>三级分类</b>
                        <ul class="sortUlThree">
                            <span>(请选择上一级类别)</sp>
                        </ul>
                    </div>
                    <div class="FourSortDiv">
                        <b>四级(品牌)</b>
                        <ul class="sortUlFour">
                            <span>(请选择上一级类别)</sp>
                        </ul>
                    </div>
                    <div class="sortWrap">
                        <b>产品类型操作</b>
                        <p class="preChoosed">当前选中：无</p>
                        <div class="btns">
                            <button class="btn addBtn" onclick="openAddOneSortFun()">新增一级类</button>
                            <button flag="-1" class="btn updataBtn addSortBtn" onclick="openAddSortFun()">新增子类型</button>
                            <button flag="-1" class="btn serrchBtn changeSortBtn" onclick="openChangeSortFun()">修改该类型</button>
                            <button flag="-1" class="btn delsBtn delSortBtn" onclick="openDelSortFun()">删除该类型</button>
                        </div>
                        <div class="changeSort">
                            <p>修改该类型</p>
                            <span>请输入修改信息：</span>
                            <input  class="changeSortInput" flag="-1" type="text" value="修改信息"><br>
                            <div class="sortBtns">
                                <button class="btn addBtn" onclick="changeSortFun()">修改</button>
                                <button class="btn delsBtn" onclick="closeSortFun()">取消</button>
                            </div>
                        </div>
                        <div class="addSortChild">
                            <p>新增子类型</p>
                            <span>子类名称：</span>
                            <input class="addChildInput" flag="-1" type="text" value="子类"><br>
                            <div class="sortBtns">
                                <button class="btn addBtn" onclick="addSortChildFun()">确定</button>
                                <button class="btn delsBtn" onclick="closeSortFun()">取消</button>
                            </div>
                        </div>  
                        <div class="addSort">
                            <p>新增一级类</p>
                            <span>一级类名：</span>
                            <input class="addSortinput" type="text" value="一级类"><br>
                            <div class="sortBtns">
                                <button class="btn addBtn" onclick="addOneSortFun()">确认添加</button>
                                <button class="btn delsBtn" onclick="closeSortFun()">取消</button>
                            </div>
                        </div>  
                        <div class="delSort" flag="-1">
                            <p>删除类别</p>
                            <span>是否删除当前选中的分类？</span>
                            <div class="sortBtns">
                                <button class="btn addBtn" onclick="delSortFun()">确认删除</button>
                                <button class="btn delsBtn" onclick="closeSortFun()">取消</button>
                            </div>
                        </div>  
                    </div>
                </div>
            </div> 
        </div>
        <!-- 底部信息 -->
        {{include './footer.html'}}
        <div class="covers" onclick="closeFun()"></div>
    </div>
    {{include './tools.html'}}
{{/block}}
{{block 'script'}}
<!-- 添加js代码 -->
<script src="/static/admin/js/sortMenu.js"></script>
{{/block }}
